@use 'utils/fonts';
@use 'utils/override';
@use 'utils/animations';

:root {
  --primary-color: #00ad4c;
  --background: #EEE;
  --main-content: #FFF;
  --border-color: #e0dfdf74;
  --background-dark: #283046;
  --second-background: #FFF;
}


.dark {
  --background: var(--background-dark);
  --main-content: #222;
  --border-color: #161c2d78;
  --second-background: #1e293b;
}


html,
body,
.n-drawer,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Inter var',
    'ui-sans-serif',
    'system-ui',
    'sans-serif',
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji'
}

body {
  background-color: var(--background);
  background-size: cover;
  max-height: 100vh;
  max-width: 100vw;
  overflow: hidden;
}

.ql-editor {
  font-family: 'Inter var', 'ui-sans-serif', ;
}

.rtl {

  html,
  body,
  .n-drawer,
  #app {
    font-family: Shabnam;
    direction: rtl;

    .p-component {
      font-family: Shabnam;
    }
  }

  .n-notification-main__content,
  .n-base-select-menu .n-base-select-option {
    font-family: Shabnam !important;
  }

  .ql-editor {
    font-family: Shabnam;
    text-align: right;
  }

  .rtl-rotate {
    transform: rotate(180deg);
  }
}

.main-content {
  background: var(--main-content);
  height: calc(100vh - 1.3rem);
  border-radius: 10px;
  padding-bottom: 0.2rem;
  overflow-y: hidden;
}

.page-title {
  font-size: 1.1rem;
}

.dark {
  .p-button.p-button-text.p-button-plain {
    color: #e4e4e4;
  }

  .p-sidebar {
    color: #e4e4e4;
  }
}

.text-primary {
  color: var(--primary-color);
}



@import url('./utils/_error.scss');
@import url('./utils/_progress.scss');